<div class="navbar">
    <div class="navbar-inner">
        <div class="container">

            <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>

            <!-- Be sure to leave the brand out there if you want it shown -->
            <a class="brand" href="#">Inventory</a>

            <!-- Everything you want hidden at 940px or less, place within here -->
            <div class="nav-collapse collapse navbar-responsive-collapse">
                <ul class="nav">
                        <li class="<?= $sales_billing; ?>"><a href="../sales/sales_billing">Sales Billing</a></li>
                    <li class="<?= $purchases; ?>"><a href="#">Purchases</a></li>
                       <li class="<?= $purchases; ?>"><a href="#">Purchases Return</a></li>
                    <li class="<?= $stock_register; ?>"><a href="../stock_register/stock_register">Stock Register</a></li>
                      <li class="<?= $daybook; ?>"><a href="">Day Book</a></li>
                
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">More <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li class="<?= $group; ?>"><a href="../groups/groups">Groups</a></li>
                            <li class="<?= $products; ?>"><a href="../products/products">Products</a></li>
                            <li class="<?= $suppliers; ?>"><a href="../suppliers/suppliers">Suppliers</a></li>
                            <li class="<?= $customers; ?>"><a href="../customers/customers">Customers</a></li>
                              <li class="<?= $account_heads; ?>"><a href="../accounts/account_heads">Account Heads</a></li>
                            
                            <li class="divider"></li>
                            <li class="nav-header">Nav header</li>
                            <li class="<?= $groups; ?>"><a href="#">Separated link</a></li>
                            <li class="<?= $groups; ?>"><a href="#">One more separated link</a></li>
                        </ul>
                    </li>
                </ul>
                <!---<form class="navbar-search pull-left" action="">
                    <input type="text" class="search-query span2" placeholder="Search">--->
                </form>
                <ul class="nav pull-right">
                    <li><a href="#">Support</a></li>
                    <?php
                    if ($_SESSION['username']) {

?>
                    <li class="divider-vertical"></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class='icon-cog' style="zoom: 1.7; margin-top: -3px"></i><b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="../user/change_password">Change Password</a></li>
                            <li><a href="../options/options">Options</a></li>
                            <li class="divider"></li>
                            <li><a href="?q=logout">Logout</a></li>
                        </ul>
                    </li><?php } ?>
                </ul>
            </div>

        </div>
    </div>
</div>